@charset "utf-8";
.melon_head {
    background-color: #222;
    margin-bottom:0;
    border:none;
    border-radius:0;
    .navbar-nav>li>a {
        font-size: 14px;
        color: #9D9D9D;
        &:hover {
            color: white;
        }
    }
    .navbar-nav>.active>a,
    .navbar-nav>.active>a:hover,
    .navbar-nav>.active>a:focus {
        background-color: #000000;
        color: white;
    }
    .navbar-brand {
        padding: 7px 15px;
    }
}
.footer_box{
    padding: 35px 15px 37px;
    background-color: #3b3b3b;
    .footer_box_company{
        p{font-size: 12px;color: #a1a3ab;}
    }
    .footer_pading{padding: 0 0;margin-left: 12px;}
    .footer_watch{
        position:relative; 
        &:hover{
            &::before{display: block;}
        }
        &::before{
        content: "";
        width: 142px;
        height: 150px;
        background-image: url(../img/layaboxerweima.png);
        position: absolute;
        top: -157px;
        left: -50px;
        display: none; 
        }
        }
    span{ 
        font-size: 12px;color: #91939a;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .melon_head .nav>li>a {
        padding: 15px 4px;
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .melon_head .container{
        width: 940px;
    }
    .footer_box .footer_box_company{
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (min-width:992px){
        .footer_box .footer_box_company{
        padding-left: 0;
        padding-right: 0;
    }
}
